<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

    <head>
        <title>我的会员</title>
        <div data-th-replace="layout/user/user-center-head"></div>
    </head>
    <body>
        <div data-th-replace="layout/user/user-head"></div>
        <div class="u-bg">
            <div class="container pr u-container" id="uCenterMain">
                <section class="uCenter-box pa" id="uCenter-box">
                    <div class="row uH">
                        <div class="col-sm-12 uH">
                            <div class="u-i-left__wrap u-i-left_box uH">
                                <!--左侧公共菜单 开始-->
                                <div data-th-replace="layout/user/user-left-menu"></div>
                                <!--左侧公共菜单 结束-->
                                <article class="u-c-c-cont__wrap u-c-c-main uH">
                                    <div class="u-c-box uH" style="min-height: 100%;">
                                        <div class="mr20 pr10 pt10 pb10">
                                            <section class="c-head-title clearfix">
                                                <aside class="pull-right mt10">
                                                    <a href="javascript:;" id="calendarBtn1" class="c-fff fs14 pr" title="去签到">
                                                        <i class="fa fa-calendar-check-o mr5"></i>签到
                                                    </a>
                                                </aside>
                                                <h6>
                                                    <span class="fs14 c-333 vam hLh30">我的会员</span>
                                                </h6>
                                            </section>
                                            <section class="c-info-tab c-data-tab pt10 mt10">
                                                <h4 data-id="accountBalance" class=""><span class="fs16">账户信息</span></h4>
                                                <h4 data-id="myCash" class=""><span class="fs16">我的提现</span></h4>
                                                <h4 data-id="myMembers" class="active"><span class="fs16">会员信息</span></h4>
                                              <h4 data-id="myInteger" class=""><span class="fs16"  th:text="'我的'+${userIntegralRuleName['name']}">我的积分</span></h4>
                                                <h4 id="myCoupon" data-id="myCoupon" class=""><span class="fs16">优惠券</span></h4>
                                                <h4 data-id="myGiftCard" class=""><span class="fs16">礼卡</span></h4>
                                            </section>

                                            <div class="pt10 content2">
                                                <div th:if="${selaSwitch}==1" class="text-center">
                                                    <img th:src="@{{path}/front/web/v3/img/kaifazhong.png(path=${staticPath})}" width="230" height="230"/>
                                                    <p class="fs16 c-333 mt10">你好，会员功能已关闭，感谢关注，后续请期待</p>
                                                </div>
                                                <article th:if="${selaSwitch}!=1" class="mt10">
                                                    <div class="orderTitle hLh30">
                                                        <i class="fa fa-circle-o"></i>
                                                        <span class="fs16 c-333 ml5">我的会员信息</span>
                                                    </div>
                                                    <section th:if="${userMemberBuyRecord}!=null and ${userMemberBuyRecord}!=''" class="mt20">
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <section class="text-center br-line">
                                                                    <p><span class="c-999">到期时间</span></p>
                                                                    <div>
                                                                        <span class="fs20 c-danger">
                                                                            <span th:text="${#strings.substring(userMemberBuyRecord['endTime'],0,10)}"></span>
                                                                            <span th:if="${userMemberBuyRecord['validDay']}>0" >
                                                                                <small class="fs14" th:text="'('+${userMemberBuyRecord['validDay']}+'天后)'"></small>
                                                                            </span>
                                                                            <span th:if="${userMemberBuyRecord['validDay']}<=0">
                                                                                <small class="fs14">(已过期)</small>
                                                                            </span>
                                                                        </span>
                                                                    </div>
                                                                </section>
                                                            </div>
                                                            <div th:if="${selaSwitch}!=1" class="col-sm-4">
                                                                <section class="text-center">
                                                                    <div class="mt5">
                                                                        <button id="continue" type="button"  class="btn btn-w-m btn-danger btn-rounded">续费</button>
                                                                        <br>
                                                                        <a th:href="@{/web/uc/member/queryMemberList}" target="_blank" class="c-ccc fs12"><i class="fa fa-info-circle"></i> 了解更多会员功能</a>
                                                                    </div>
                                                                </section>
                                                            </div>
                                                        </div>
                                                    </section>

                                                    <!--未开通会员-->
                                                    <section th:if="${userMemberBuyRecord}==null" class="mt20">
                                                        <div class="row">
                                                            <div class="col-sm-4">
                                                                <section class="text-center br-line">
                                                                    <p class="mt20"><span class="c-999"><i class="fa fa-warning"></i> 您还未开通会员</span></p>
                                                                </section>
                                                            </div>
                                                            <div class="col-sm-4">
                                                                <section class="text-center">
                                                                    <div class="mt10">
                                                                        <button id="open-member" type="button" class="btn btn-w-m btn-danger btn-rounded">开通会员</button>
                                                                    </div>
                                                                </section>
                                                            </div>
                                                        </div>
                                                    </section>

                                                </article>

                                                <article  class="mt20">
                                                    <div class="orderTitle hLh30">
                                                        <i class="fa fa-circle-o fa_shop"></i>
                                                        <span class="fs16 c-333 ml5">会员开通记录</span>
                                                    </div>
                                                    <section class="mt5 pt10">
                                                        <div class="" id="member_ajax_context">

                                                        </div>
                                                    </section>
                                                </article>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
        <div data-th-replace="layout/user/user-common"></div>
        <!--公共引入签到js-->
        <script type="text/javascript" th:src="@{{path}/front/web/business/common/processing-check-in.js?v={v}(path=${staticPath},v=${v})}"></script>
        <script type="text/javascript" th:src="@{{path}/front/web/business/user/common/new-utils.js?v={v}(path=${staticPath},v=${v})}"> </script>
        <script type="text/javascript" th:src="@{{path}/front/web/business/user/center/myAccount/user_myMember.js?v={v}(path=${staticPath},v=${v})}"></script>
    </body>
</html>

